.select-item(@size-class, @item-class) {
  .@{item-class} {
      margin: 0;
      line-height: normal;
      padding: 7px 16px;
      clear: both;
      color: @text-color;
      font-size: @font-size-base !important;
      white-space: nowrap;
      list-style: none;
      cursor: pointer;
      transition: background @transition-time @ease-in-out;
      &:hover{
          background: @background-color-select-hover;
      }

      &-focus {
          background: @background-color-select-hover;
      }

      &-disabled {
          color: @btn-disable-color;
          cursor: @cursor-disabled;

          &:hover {
              color: @btn-disable-color;
              background: @color-complementary-10;
              cursor: @cursor-disabled;
          }
      }

      &-selected ,&-selected:hover{
          color: @primary-color;
          //background: @selected-color;
      }

      &-selected&-focus {
          //background: shade(@selected-color, 10%);
      }

      &-divided{
          margin-top: 5px;
          border-top: 1px solid @border-color-split;
          &:before{
              content: '';
              height: 5px;
              display: block;
              margin: 0 -16px;
              background-color: @color-functional-white;
              position: relative;
              top: -7px;
          }
      }

      &-enter{
          color: @primary-color;
          font-weight: bold;
          float: right;
      }
  }

  .@{size-class}-large .@{item-class} {
      padding: 7px 16px 8px;
      font-size: @font-size-base !important;
  }
  // http://browserhacks.com/
  // https://bugzilla.mozilla.org/show_bug.cgi?id=488725
  // fixed #1224 #1143 #1127
  @-moz-document url-prefix() {
      .@{item-class} {
          white-space: normal;
      }
  }
}
